<div class="inner-app">
	<div class="inner-app__context-bar context-bar">
		<span class="h4 context-bar__icon" style="margin-left: 15px;">
			{{#link-to 'dashboard.portalManagement.user'}} {{io-icon type="left"}}{{/link-to}}
			{{#link-to 'dashboard.portalManagement.user'}}  用户管理 {{/link-to}} / <span>{{userForm.name}}</span>
		</span>
	</div>
	
	<div class="inner-app__main collapsed">
		<div class="row" style="padding: 20px;">
			<div class="io-steps io-steps-horizontal io-steps-label-horizontal" style="display: inline-block; text-align: center; padding-left: 100px;">
				{{#each userSteps as |step|}}
				<div class="io-steps-item io-steps-status-{{step.status}}" style="margin-right: -18.4492px; width: 246px; text-align: left; cursor: pointer;" {{action "stepAction" step.index}}>
					{{#unless step.last}}
					<div class="io-steps-tail"> <i> </i> </div>
					{{/unless}}
					<div class="io-steps-step">
						<div class="io-steps-head">
							<div class="io-steps-head-inner">
								{{#if (eq step.status "finish")}}
								<span class="io-steps-icon ioicon ioicon-check">
								</span>
								{{else}}
								<i class='idcicon idcicon-{{step.icon}}'></i>
								{{/if}}
							</div>
						</div>
						<div class="io-steps-main">
							<div class="io-steps-title">
								{{step.title}}
							</div>
						</div>
					</div>
				</div>
				{{/each}}
			</div>
		</div>
		<div class="tab-content">
			<div role="tabpanel" class="tab-pane {{if (eq '用户信息' currentTab) 'active'}}" id="info">
				{{#io-form submitForm="saveResAction" class="panel form-horizontal" readonly=true}}
				<div class="panel-body row"style="width:1000px; margin:auto;">
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="部门：" }}
					{{io-input value=userForm.deptName type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="姓名：" }}
					{{io-input value=userForm.name type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="登录名：" }}
					{{io-input value=userForm.loginId type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="员工类型：" }}
					{{io-input value=userForm.employeeType type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="状态：" }}
					{{io-input value=userForm.status type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="手机号码1：" }}
					{{io-input value=userForm.mobile1 type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="手机号码2：" }}
					{{io-input value=userForm.mobile2 type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="RTX：" }}
					{{io-input value=userForm.rtx type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="办公号码1：" }}
					{{io-input value=userForm.officeTel1 type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="办公号码2：" }}
					{{io-input value=userForm.officeTel2 type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="微信号码：" }}
					{{io-input value=userForm.weixin type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="邮箱地址：" }}
					{{io-input value=userForm.email type="text" data-error="" }}
					{{/io-form-group}}
					{{#io-form-group labelColClass="col-md-8" inputColClass="col-md-16" help="" label="备注：" }}
					{{io-textarea style="font-size:10px" value=userForm.remark rows="6"}}
					{{/io-form-group}}
				</div>
				{{/io-form}}
			</div>
			<div role="tabpanel" class="tab-pane {{if (eq '用户组信息' currentTab) 'active'}}" id="info">
				<div class="container-fluid user-list" style="width:1000px; margin:auto;">
				{{#if loading}}
					{{io-loading}}
				{{else}}
					{{io-table
					columns=model.groupColumns
					showIndexNumber=true
					showGlobalFilter=true
					indexNumberBase=model.indexNumber
					data=model.groups}}
					<div class="row">
						{{io-pagination change="groupPageClick" count=model.groupmeta.pages current=model.groupmeta.offset}}
					</div>
				{{/if}}
				</div>
			</div>
			<div role="tabpanel" class="tab-pane {{if (eq '角色信息' currentTab) 'active'}}" id="role">
				<div class="container-fluid user-list" style="width:1000px; margin:auto;">
				{{#if loading}}
					{{io-loading}}
				{{else}}
					{{io-table
					columns=model.roleColumns
					showIndexNumber=true
					showGlobalFilter=true
					indexNumberBase=model.indexNumber
					data=model.roles}}
					<div class="row">
						{{io-pagination change="rolePageClick" count=model.rolemeta.pages current=model.rolemeta.offset}}
					</div>
				{{/if}}
				</div>
			</div>
			
			<div role="tabpanel" class="tab-pane {{if (eq '权限信息' currentTab) 'active'}}" id="user">
				<div class="container-fluid user-list" style="width:1000px; margin:auto;">
					<div class="user-list-selected">
						<p>
							{{#each model.permissions  as | per|}}
							<h3>{{per.systemName}}--{{per.resName}}</h3>
							<hr>
							<br>
							{{#each per.permissions  as | item|}}
							<span class="io-tag">
								<span class="io-tag-text">{{item.authResName}}</span>
							</span>
							{{/each}}
							<br>
							<br>
							{{/each}}
						</p>
					</div>
				</div>
				<br>
			</div>
		</div>
	</div>
</div>